{extends file="../global.html"}
{block name=body}
<style>



 /*.we-bloc:hover .wechat-l{ display: block; }*/
</style>
</head>
<body>





<!--//banner-->
 
 


<!--pc端banner-->
    <div id="bootstrap-touch-slider" class="carousel  fade  control-round indicators-line hidden-xs" data-ride="carousel" data-pause="hover" >

            <!-- Indicators -->
            <ol class="carousel-indicators" style="cursor: pointer;">
                <li data-target="#bootstrap-touch-slider" data-slide-to="0" class="active"></li>
                <li data-target="#bootstrap-touch-slider" data-slide-to="1"></li>
                <li data-target="#bootstrap-touch-slider" data-slide-to="2"></li>
            </ol>

            <!-- Wrapper For Slides -->
            <div class="carousel-inner" role="listbox">

                <!-- Third Slide -->
                <div class="item active">

                    <!-- Slide Background -->
                    <a href="">
                    <img src="{$home}images/banner_2.png" alt="Bootstrap Touch Slider"  class="slide-image"/>
                    </a>

                </div>
                <!-- End of Slide -->

                <!-- Second Slide -->
                <div class="item">

                    <!-- Slide Background -->
                    <a href="">
                    <img src="{$home}images/banner_1.png" alt="Bootstrap Touch Slider"  class="slide-image"/>
                   </a>
                    <!-- Slide Text Layer -->
                   
                </div>
                <!-- End of Slide -->

                <!-- Third Slide -->
                <div class="item">

                    <!-- Slide Background -->
                    <a href="">
                    <img src="{$home}images/banner_2.png" alt="Bootstrap Touch Slider"  class="slide-image"/>
                   </a>
                    <!-- Slide Text Layer -->
                  
                </div>
                <!-- End of Slide -->


            </div><!-- End of Wrapper For Slides -->

            <!-- Left Control -->
           <!--  <a class="left carousel-control" href="#bootstrap-touch-slider" role="button" data-slide="prev">
               <span class="fa fa-angle-left" aria-hidden="true"></span>
               <span class="sr-only">Previous</span>
           </a>
           
           Right Control
           <a class="right carousel-control" href="#bootstrap-touch-slider" role="button" data-slide="next">
               <span class="fa fa-angle-right" ></span>
               <span class="sr-only">Next</span>
           </a> -->

        </div>

<!--h5端-->
<div class="swiper-container hidden-md hidden-lg hidden-sm index-h5-banner" data-length="1">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="javascript:void(0);">
<img src="{$home}images/mobel-banner.png" alt="" width="100%">
</a>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
 
<div class="container buyCar">
<div class="ft-center ft-20 hidden-xs"> <!--大屏-->
    <a href="{url('/type')}" class="buyNew ">
    <span>全部车型</span>
    <img src="{$home}images/icon_rightsidearrow_3x.png" height="15" alt="">
    </a>
    <a href="https://www.tangeche.com/used-car.html" class="buyUsed j-usedCar fn-hide">弹二手车</a>
</div>
<div class="ft-center ft-20 hidden-sm hidden-md hidden-lg box-flex"> <!--小屏手机-->
<a href="{url('/type')}" class="flex-1 ">
<span>全部车型</span>
    <img src="{$home}images/icon_rightsidearrow_3x.png" height="15" alt="">

</a>
<div class="m-width"></div>

</div>
</div>
<div class="container carList">
<hr class="hidden-xs">
<div class="carTitle ft-center ft-32">
<h2 class="hidden-xs ft-32">热门车型</h2>
<h2 class="hidden-sm hidden-md hidden-lg ft-20">热门车型</h2>
</div><div class="row">
{foreach $goods as $v}
<div class="col-md-6 col-sm-6 col-xs-12">
<a href=" {$absroot}details/{$v.goods_id}">
<img src=" {$absroot}{$v.goods_pic} " alt="{$v.goods_model} {$v.goods_name} {$v.goods_describe} {$v.goods_car} ">
</a>
</div>
{/foreach}

</div>
</div>
<div class="container newBuy ft-center ">
<h2 class="ft-32 hidden-xs">信用购车 先用后买</h2>
<div class="ft-gray newBuy-info hidden-xs">弹个车是大搜车基于蚂蚁金服开放平台赋能的金融服务方案</div>
<h2 class="ft-20 hidden-md hidden-lg hidden-sm">信用购车 先用后买</h2>
<div class="ft-gray newBuy-info hidden-md hidden-lg hidden-sm">弹个车是大搜车基于蚂蚁金服开放平台赋能的</div>
<div class="ft-gray newBuy-info hidden-md hidden-lg hidden-sm">金融服务方案</div>
<div class="animation-car">
<img class="hidden-xs car-pc" src=" //assets.souche.com/projects/finance/vanille/images/common/introduce_car.png?BIU=4f0b66f07dd08a7541fd9cd98fb1dd55 " alt="">
<img class="hidden-md hidden-lg hidden-sm" src=" //assets.souche.com/projects/finance/vanille/images/common/inroduce_3x.png?BIU=788b1b297587b19d575e6838ee780092 " width="100%" alt="">
<div class="car">
<img class="car-img" src="{$home}images/0631.png" alt="">
<img class="wheel-top" src="{$home}images/058150.png" alt="">
<img class="wheel-back" src="{$home}images/058150.png" alt="">
</div>
</div>
<div class="btn sbtn" id="">了解爱车易得</div>
</div><div class="container question">
<h2 class="ft-center ft-32 hidden-xs">常见问题</h2>
<h2 class="ft-center ft-20 hidden-md hidden-lg hidden-sm">常见问题</h2>
<div class="ft-center ft-gray doubt">随时解答您的疑问</div><div class="border-top"></div>
{foreach $poblem as $v}
<div class="row ">
<div class="col-md-12">
<div class="borderTB">
<div class="title j-question-title">
<div class="hidden-xs ">
<span class="arrow"> <img src="{$home}images/FAQ_arrow.png" width="16" alt=""> </span>
<span class="ft-20"> {$v.problem_name} </span>
</div>
<div class="hidden-md hidden-lg hidden-sm">
<span class="arrow"> <img src="{$home}images/FAQ_arrow.png" width="16" alt=""> </span>
<span class="ft-16 m-width">  {$v.problem_name} </span>
</div>
</div>
<p class="answer ft-gray j-answer fn-hide"> {$v.problem_answer}</p>
</div>
</div>
</div>
{/foreach}

<div class="ft-center more">
<a href="{url('/problem')}" style="color:black"><div class="btn sbtn" >了解更多问题</div></a>
</div>
</div>
<script src="{$home}js/fang/jquery.touchSwipe.min.js"></script>
<script src="{$home}js/fang/bootstrap-touch-slider-min.js"></script>
<script src="{$home}js/fang/index.js"></script>

<!-- <script src="{$home}js/fang/swiper-3.4.0.jquery.min.js"></script> -->


<script type="text/javascript">

var car = $(".animation-car").find(".car");
$(window).scroll(function(event){
if($(window).scrollTop() > 1000 && !car.hasClass("move")){
car.addClass("move");
}
});
$('#bootstrap-touch-slider').bsTouchSlider();

</script> 


{/block}